{php file="./modules/header.php"}
{_block code='poster'}
		<div class="main" style="{_block code='css-body'}">
			<!--#START MENU#!-->
			<div>
			{_block code="menu"}	
			</div>
			<!--#END MENU#!-->
			<div class="ads-top" style="margin-top: 24px;">
			<script>
			setW(980);
			</script>
				{foreach from=$quangcao item=qc}
    <div id="slider_main{$qc.count}_container" style="position: relative; width: 980px;height: {$qc.height};">
        <div u="loading" style="position: absolute; top: 0px; left: 0px;">
            <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
                background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
            <div style="position: absolute; display: block; background: url(img/loading.gif) no-repeat center center;
                top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
        </div>
        <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 980px; height:  {$qc.height};
            overflow: hidden;">
			{foreach from=$qc.img key=k item=img}
				{if $img neq ''}
			<div>
                <a u=image href="{$qc.url[$k]}" target="_blank"><img src="{$img}" /></a>
            </div>
			{/if}
			{/foreach}
        </div>
        
        <!-- Arrow Left -->
        <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 50%; left: 8px;">
        </span>
        <!-- Arrow Right -->
        <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 50%; right: 8px">
        </span>
        <script>
            jssor_slider2_starter('slider_main{$qc.count}_container');
        </script>
    </div>
	{/foreach}
			</div>
			<!--#START LEFT FRAME#!-->
			<div class="left">
			
				<div class="top-news">
					{_block code="topnews"}
				</div>
				
				<!--#START HOT NEWS#!-->
				<div class="box-menu hot-news">
					<div class="head-box hot-news-head"><a href="{$data0[0].parentlink}">{$data0[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
					<ul>
						{for $i=0 to 5}
							<li><a href="{$data1.{$i}.link}" title="{$data0.{$i}.described}">{php file='./image-crop.php?image='|cat:{$data0[$i].image}|cat:'&cropratio=5:4&width=210&height=125'}<h3>{$data0.{$i}.title}</h3></a></li>
						{/for}

					</ul>
						
				</div>
				<!--#END STYLIST NEWS#!-->
				
				<!--#START STYLIST NEWS#!-->
				<div class="box-menu stylist-news">
					<div class="head-box hot-news-head"><a href="{$data0[0].parentlink}">{$data0[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
					<div class="stylist-news-col1">
						<iframe width="280" height="230" style="float:" src="//www.youtube.com/embed/p8A3ULXgV3E" frameborder="0" allowfullscreen></iframe>	
						<font style="font: bold 16px/16px arial;">Toả sáng cùng sao số 8 - Salon Xuân Huy</font>
					</div>
					<div class="stylist-news-col2">
						<ul>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
							<li><img src="http://thegioitoc.vn/var/images/video/thumb-850e-_mg_9242.jpg"></li>
						</ul>
					</div>
					
				</div>
				
				<!--#END STYLIST NEWS#!-->
				
				<!--#START CLIP HAI#!-->
				<style>
					.clip-fun{
						width:660px;
						float:left;
						background:#979797;
						margin-top:10px;
						height:280px;
					}
					.clip-fun .clip-fun-head{
						width:60px;
						max-width:60px;
						float:left;
						height:260;
						margin:10px 5px 10px 10px;
						background:#ffd06c;
						text-align:center;
						padding:auto;

					}
					.clip-fun .clip-fun-head h1{
						font-size:26px;
						
					}
					.clip-fun .clip-fun-head a{
						color:#000;
						
					}
					.clip-fun .clip-fun-head h1 span { display: block; }
					.clip-fun .clip-fun-body{
						width:570px;
						max-width:570px;
						height: 260px;
						max-height:260px;
						margin:10px 10px 10px 5px;
						float:left;
					}
					.clip-fun .clip-fun-body ul{
						padding:0px;
					}
					.clip-fun .clip-fun-body ul li{
						width:182px;
						max-width:182px;
						height:125px;
						max-height:125px;
						float:left;
						margin-right:10px;
						background:#fff;
						margin-bottom:10px;
					}
					.clip-fun .clip-fun-body .youtube-play{
						width:182px;
						max-width:182px;
						height:125px;
						max-height:125px;
						background:url('./img/youtube-play.png') no-repeat center;
						position: absolute;
						padding:auto;
					}
				</style>
				<div class="box-menu clip-fun">
					<div class="clip-fun-head"><a href="{$data0[0].parentlink}"><h1><span> C </span><span> L </span><span> I </span><span> P </span><span> H </span><span> À </span><span> I </span></h1></a></div>
					<div class="clip-fun-body">
						<ul>
							<li><div class="youtube-play"></div>{php file='./image-crop.php?image='|cat:{$data0[0].image}|cat:'&cropratio=5:4&width=182&height=125'}</li>
							<li><div class="youtube-play"></div>{php file='./image-crop.php?image='|cat:{$data0[1].image}|cat:'&cropratio=5:4&width=182&height=125'}</li>
							<li style="margin-right:0px;"><div class="youtube-play"></div>{php file='./image-crop.php?image='|cat:{$data0[0].image}|cat:'&cropratio=5:4&width=182&height=125'}</li>
							<li style=" margin-bottom:0px;"><div class="youtube-play"></div>{php file='./image-crop.php?image='|cat:{$data0[1].image}|cat:'&cropratio=5:4&width=182&height=125'}</li>
							<li style=" margin-bottom:0px;"><div class="youtube-play"></div>{php file='./image-crop.php?image='|cat:{$data0[0].image}|cat:'&cropratio=5:4&width=182&height=125'}</li>
							<li style=" margin-bottom:0px;margin-right:0px;"><div class="youtube-play"></div>{php file='./image-crop.php?image='|cat:{$data0[1].image}|cat:'&cropratio=5:4&width=182&height=125'}</li>
						</ul>
					</div>
				</div>
				<!--#END CLIP HAI#!-->
				
				<!--#START HOT MUSIC#!-->
				<style>
					.hot-music{
						width:660px;
						float:left;
					}
					.hot-music .music-content-box{
					
						background:#111111;
						margin-top:10px;
						height:515px;
					}
					.hot-music .music-content-box .box-top{
						width:660px;
						height:320px;
						background:#313131;
						-webkit-box-shadow: 0 6px 4px -4px black;
						-moz-box-shadow: 0 6px 4px -4px black;
						box-shadow: 0 6px 4px -4px black;
						
					}
					.hot-music .music-content-box .box-top ul{
						padding:0px;
					}
					.hot-music .music-content-box .box-bottom ul{
						padding:10px;
					}
					.hot-music .music-content-box .box-bottom ul li{
						width:100px;
						max-width:100px;
						height:170px;
						max-height:170px;
						float:left;
						margin-right:8px;
						background:#fff;
					}
					
				</style>
				 <script src="libs/jsCarousel/jquery-1.4.4.min.js" type="text/javascript"></script>
				<script>var jq14 = jQuery.noConflict(true); </script>
				<script src="libs/jsCarousel/jsCarousel.js" type="text/javascript"></script>
				<script type="text/javascript">
					jq14(document).ready(function() {
						jq14('#jsCarousel').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true });
					});
				</script>
				<link href="libs/jsCarousel/jsCarousel.css" rel="stylesheet" type="text/css" />
				<div class="box-menu hot-music">
					<div class="head-box"><a href="{$data2[0].parentlink}">{$data2[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
					<div class="music-content-box">
						<div class="box-top">
							<ul>
								<li><iframe width="433" height="323" src="//www.youtube.com/embed/RJfOOICM7l0" frameborder="0" allowfullscreen></iframe></li>
								<li></li>
							</ul>
						</div>
						<div class="box-bottom">
							<div id="jsCarousel">
								<div>
									<img src="http://img.youtube.com/vi/e-ORhEE9VVg/0.jpg" /><br />
									<span class="thumbnail-text">Em làm gì tối nay - khắc việt</span></div>
								<div>
									<img src="http://img.youtube.com/vi/e-ORhEE9VVg/0.jpg" /><br />
									<span class="thumbnail-text">Image Text 1</span></div>
									<div>
									<img src="http://img.youtube.com/vi/e-ORhEE9VVg/0.jpg" /><br />
									<span class="thumbnail-text">Em làm gì tối nay - khắc việt</span></div>
								<div>
									<img src="http://img.youtube.com/vi/e-ORhEE9VVg/0.jpg" /><br />
									<span class="thumbnail-text">Image Text 2</span></div>
									<div>
									<img src="http://img.youtube.com/vi/e-ORhEE9VVg/0.jpg" /><br />
									<span class="thumbnail-text">Em làm gì tối nay - khắc việt</span></div>
								<div>
									<img src="http://img.youtube.com/vi/e-ORhEE9VVg/0.jpg" /><br />
									<span class="thumbnail-text">Image Text 3</span></div>
							</div>
					</div>
				</div>
				<!--#END Cuoi#!-->
				
				<!--#START Cuoi#!-->
				<div class="box-menu cuoi">
					<div class="head-box"><a href="{$data2[0].parentlink}">{$data2[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
					<div class="content-box">
						<ul>
							<li><a href="{$data2[0].link}"><div class="img">{php file='./image-crop.php?image='|cat:{$data2[0].image}|cat:'&cropratio=1:1&width=137&height=137'}</div><p>{$data2[0].title}</p></a></li>
							<li><a href="{$data2[1].link}"><div class="img">{php file='./image-crop.php?image='|cat:{$data2[1].image}|cat:'&cropratio=1:1&width=137&height=137'}</div><p>{$data2[1].title}</p></a></li>
							<li><a href="{$data2[2].link}"><div class="img">{php file='./image-crop.php?image='|cat:{$data2[2].image}|cat:'&cropratio=1:1&width=137&height=137'}</div><p>{$data2[2].title}</p></a></li>
							<li><a href="{$data2[3].link}"><div class="img">{php file='./image-crop.php?image='|cat:{$data2[3].image}|cat:'&cropratio=1:1&width=137&height=137'}</div><p>{$data2[3].title}</p></a></li>
						</ul>
					</div>
				</div>
				<!--#END Cuoi#!-->
				
				<!--#START Anh Hai#!-->
				<div class="box-menu anh-hai">
					<div class="head-box"><a href="{$data0[0].parentlink}">{$data0[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
					<div class="content-box">
						<ul>
							<li><a href="{$data1[0].link}"><div class="img">{php file='./image-crop.php?image='|cat:{$data1[0].image}|cat:'&cropratio=1:1&width=137&height=137'}</div><p>{$data1[0].title}</p></a></li>
							<li><a href="{$data1[1].link}"><div class="img">{php file='./image-crop.php?image='|cat:{$data1[1].image}|cat:'&cropratio=1:1&width=137&height=137'}</div><p>{$data1[1].title}</p></a></li>
							<li><a href="{$data1[2].link}"><div class="img">{php file='./image-crop.php?image='|cat:{$data1[2].image}|cat:'&cropratio=1:1&width=137&height=137'}</div><p>{$data1[2].title}</p></a></li>
							<li><a href="{$data1[3].link}"><div class="img">{php file='./image-crop.php?image='|cat:{$data1[3].image}|cat:'&cropratio=1:1&width=137&height=137'}</div><p>{$data1[3].title}</p></a></li>
						</ul>
					</div>
				</div>
				<!--#END Anh Hai#!-->
				
				<!--#START NEWS 3 COLUMN#!-->
				<div class="news3cols">
				<div class="imghead"></div>
					<div class="col">
						<div class="head"><a href="{$data1[0].parentlink}">{$data1[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
						<div class="newsa">
						
						<a href="{$data1[0].link}">	<h3>{$data1[0].title}</h3>
							{php file='./image-crop.php?image='|cat:{$data1[0].image}|cat:'&cropratio=21:17&width=210&height=170'}
						</a>
							<p>{$data1[0].described}</p>
						
						</div>
						<div class="newsb">
						<a href="{$data1[1].link}"><h3>{$data1[1].title}</h3>
								{php file='./image-crop.php?image='|cat:{$data1[1].image}|cat:'&cropratio=5:4&width=100&height=80'}
						</a>
							<p>{$data1[1].described}</p>
						</div>
						<ul class="fewmore">
						{for $i=2 to 5}
							<li><a href="{$data1.{$i}.link}"> {$data1.{$i}.title}</a></li>
						{/for}
						</ul>
					</div>
					<div class="col">
						<div class="head"><a href="{$data2[0].parentlink}">{$data2[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
						<div class="newsa">
						<a href="{$data2[0].link}"><h3>{$data2[0].title}</h3>
						{php file='./image-crop.php?image='|cat:{$data2[0].image}|cat:'&cropratio=21:17&width=210&height=170'}
							
						</a>
						<p>{$data2[0].described}</p>
						</div>
						<div class="newsb">
						<a href="{$data2[1].link}"><h3>{$data2[1].title}</h3>
						{php file='./image-crop.php?image='|cat:{$data2[1].image}|cat:'&cropratio=5:4&width=100&height=80'}
						</a>
							<p>{$data2[1].described}</p>
						</div>
						<ul class="fewmore">
						{for $i=2 to 5}
							<li><a href="{$data2.{$i}.link}"> {$data2.{$i}.title}</a></li>
						{/for}
						</ul>
					</div>
					<div class="col">
						<div class="head"><a href="{$data3[0].parentlink}">{$data3[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
						<div class="newsa">
						<a href="{$data3[0].link}"><h3>{$data3[0].title}</h3>
							{php file='./image-crop.php?image='|cat:{$data3[0].image}|cat:'&cropratio=21:17&width=210&height=170'}
							
						</a>
						<p>{$data3[0].described}</p>
						</div>
						<div class="newsb">
						<a href="{$data3[1].link}"><h3>{$data3[1].title}</h3>
							{php file='./image-crop.php?image='|cat:{$data3[1].image}|cat:'&cropratio=5:4&width=100&height=80'}
						</a>
						<p>{$data3[1].described}</p>
						</div>
						<ul class="fewmore">
						{for $i=2 to 5}
							<li><a href="{$data3.{$i}.link}"> {$data3.{$i}.title}</a></li>
						{/for}
						</ul>
					</div>
				</div>
			<!--#END NEWS 3 COLUMN#!-->
			
			<!--#START NEWS 3 COLUMN - NGAN#!-->
			<style>
			.news .col2{
			margin-top:10px;
			}
			</style>
			<div class="news">
			<div class="head" style="float:left;width:200px;"><a href="{$data6[0].parentlink}">{$data6[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
			<div class="head" style="float:left;width:200px;"><a href="{$data7[0].parentlink}">{$data7[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
			<div class="head" style="float:left;width:200px;"><a href="{$data8[0].parentlink}">{$data8[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
				<div class="col2">
				<a href="{$data6[0].link}">
					{php file='./image-crop.php?image='|cat:{$data6[0].image}|cat:'&cropratio=21:16&width=210&height=160'}
					<h3>{$data6[0].title}</h3>
				</a>
					<div class="othernews">
						<ul>
							{for $i=1 to 3}
							<li><a href="{$data6.{$i}.link}">{$data6.{$i}.title}</a></li>
							{/for}
						</ul>
					</div>
				</div>
				<div class="col2">
				<a href="{$data7[0].link}">
					{php file='./image-crop.php?image='|cat:{$data7[0].image}|cat:'&cropratio=21:16&width=210&height=160'}
					<h3>{$data7[0].title}</h3>
				</a>
					<div class="othernews">
						<ul>
							{for $i=1 to 3}
							<li><a href="{$data7.{$i}.link}">{$data7.{$i}.title}</a></li>
							{/for}
						</ul>
					</div>
				</div>
				<div class="col2">
				<a href="{$data8[0].link}">
					{php file='./image-crop.php?image='|cat:{$data8[0].image}|cat:'&cropratio=21:16&width=210&height=160'}
					<h3>{$data8[0].title}</h3>
				</a>
					<div class="othernews">
						<ul>
							{for $i=1 to 3}
							<li><a href="{$data8.{$i}.link}">{$data8.{$i}.title}</a></li>
							{/for}
						</ul>
					</div>
				</div>
			</div>
			<!--#END NEWS 3 COLUMN - NGAN#!-->
			<!--#STẢRT NEWS 2 COLUMN#!-->
			<div class="news2col">
			<div class="head">Đời Sống<span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
			<div class="headcol1"><a href="{$data4[0].parentlink}">{$data4[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
			<div class="headcol2"><a href="{$data5[0].parentlink}">{$data5[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
				<div class="bigimg">
					<a href="{$data4[0].link}">
					{php file='./image-crop.php?image='|cat:{$data4[0].image}|cat:'&cropratio=3:4&width=210&height=280'}
					</a>
					<p><a href="{$data4[0].link}">{$data4[0].title}</a></p>
				</div>
				
				<div class="smallimg">
				{for $i=1 to 3}
					<div class="newsb">
					<a href="{$data4.{$i}.link}">
							{php file='./image-crop.php?image='|cat:{$data4.{$i}.image}|cat:'&cropratio=4:3&width=100&height=75'}
							<h3>{$data4.{$i}.title}</h3>
					</a>	
					</div>
					<hr></hr>
				{/for}
				</div>
				
				<div class="col2">
					<a href="{$data5[0].link}">{php file='./image-crop.php?image='|cat:{$data5[0].image}|cat:'&cropratio=4:3&width=200&height=150'}</a>
					<h3><a href="{$data5[0].link}">{$data5[0].title}</a></h3>
				
					<div class="othernews">
						<ul>
							{for $i=1 to 3}
							<li><a href="{$data5.{$i}.link}">{$data5.{$i}.title}</a></li>
							{/for}
						</ul>
					</div>
				</div>
			</div>
			<!--#END NEWS 2 COLUMN#!-->
			
	<script type='text/javascript' src='{$smarty.const.BASELINK}/js/jquery.min1.7.2.js'></script>
	<script type='text/javascript' src="{$smarty.const.BASELINK}/js/slidedeck.jquery.js"></script>
			<div class="slidedeck-home-page container">
				<dl class="slidedeck">
					<dt>{$data9[0].parentName}</dt>
					<dd>
					<ul class="slidesVertical">
						{for $i=0 to 4}
							{if $data9.{$i}.title neq ''}
							<li class="case">
							<a href="{$data9.{$i}.link}">
							{php file='./image-crop.php?image='|cat:{$data9.{$i}.image}|cat:'&cropratio=1:1&width=270&height=270'}
								<h3>{$data9.{$i}.title}</h3>
								<p>{$data9.{$i}.described}</p>	
							</a>
							</li>
							{/if}
						{/for}
					</ul>
					<a class="vertical-prev-next previous" href="#previous" style="display: none;"></a>

<a class="vertical-prev-next next" href="#next"></a>
					</dd>
					<dt>{$data10[0].parentName}</dt>
					<dd>
						<ul class="slidesVertical">
						{for $i=0 to 4}
							{if $data10.{$i}.title neq ''}
							<li class="case">
							<a href="{$data10.{$i}.link}">
							{php file='./image-crop.php?image='|cat:{$data10.{$i}.image}|cat:'&cropratio=1:1&width=270&height=270'}
							
								<h3>{$data10.{$i}.title}</h3>
								<p>{$data10.{$i}.described}</p>
							</a>
							</li>
							{/if}
						{/for}
						</ul>
						<a href="#previous" class="vertical-prev-next previous">Previous</a> <a href="#next" class="vertical-prev-next next">Next</a>
					</dd>
					<dt>{$data11[0].parentName}</dt>
					<dd>
						<ul class="slidesVertical">
						{for $i=0 to 4}
							{if $data11.{$i}.title neq ''}
							<li class="case">
							<a href="{$data11.{$i}.link}">
							{php file='./image-crop.php?image='|cat:{$data11.{$i}.image}|cat:'&cropratio=1:1&width=270&height=270'}
							
								<h3>{$data11.{$i}.title}</h3>
								<p>{$data11.{$i}.described}</p>	
							</a>
							</li>
							{/if}
						{/for}
						</ul>
						<a class="vertical-prev-next previous" href="#previous" style="display: none;"></a>

<a class="vertical-prev-next next" href="#next"></a>
					</dd>
				</dl>
				<script type="text/javascript">
								(function($){
									TheSlideDeck = $('.slidedeck-home-page .slidedeck').slidedeck({
										scroll: 'true',
										cufonRefresh: ".slidedeck-home-page dt"
									}).loaded(function(){
										$('.slidedeck-home-page .slide .verticalSlideNav').each(function(){
											$(this).parents('dd.slide').prevAll('dt.spine:first').append(this);
										});
									}).vertical({
										before: function(deck){
											if(deck.current == 0){
												$(deck.navChildren.context).find('a.vertical-prev-next.previous').hide();
											} else {
												$(deck.navChildren.context).find('a.vertical-prev-next.previous')[0].style.display = "";
											}
											if(deck.current == (deck.slides.length - 1)){
												$(deck.navChildren.context).find('a.vertical-prev-next.next').hide();
											} else {
												$(deck.navChildren.context).find('a.vertical-prev-next.next')[0].style.display = "";
											}
										},
										complete: function(deck){
											if(deck.current == 0){
												$(deck.navChildren.context).find('a.vertical-prev-next.previous').hide();
											} else {
												$(deck.navChildren.context).find('a.vertical-prev-next.previous')[0].style.display = "";
											}
											if(deck.current == (deck.slides.length - 1)){
												$(deck.navChildren.context).find('a.vertical-prev-next.next').hide();
											} else {
												$(deck.navChildren.context).find('a.vertical-prev-next.next')[0].style.display = "";
											}
										}
									});
									
									$('.slidedeck-home-page a.vertical-prev-next').bind('click', function(event){
										event.preventDefault();
										switch(this.href.split('#')[1]){
											case "previous":
												$('.slidedeck-home-page .slidedeck').slidedeck().vertical().prev();
											break;
											case "next":
												$('.slidedeck-home-page .slidedeck').slidedeck().vertical().next();
											break;
										}
									});
									
									$('.slidedeck-home-page a.vertical-prev-next.previous').hide();
									
									$(document).ready(function(){
										$('.slidedeck-home-page dl.slidedeck a.vertical-nav.next').click(function(){
											$('.slidedeck-home-page .slidedeck').slidedeck().vertical().next();
										});
										$('.slidedeck-home-page dl.slidedeck a.vertical-nav.prev').click(function(){
											$('.slidedeck-home-page .slidedeck').slidedeck().vertical().prev();
										});
									});
								})(jQuery);
								var time=3000;
								var curslide=1;
								var curtoppic=1;
								var counttoppic=0;
								var slidenext=1;
								var vnext;
								var pause=0;
								$('.slidedeck-home-page').mouseenter(function() { pause=1;});
								$('.slidedeck-home-page').mouseleave(function() { pause=0;});
								setInterval(function(){
								if(pause==1) return;
									var max=4;
									if($('.slidedeck').slidedeck().vertical().slides.length<3)
										max=$('.slidedeck').slidedeck().vertical().slides.length;
									if(counttoppic>=max-1)
									{
										if(curslide==3) slidenext=0;
										if(curslide==1) slidenext=1;
										if(slidenext==1)
											{
												$('.slidedeck').slidedeck().next();
												curslide++;
											}
										else
											{
												$('.slidedeck').slidedeck().prev();
												curslide--;
											}
										curtoppic=$('.slidedeck').slidedeck().vertical().current;
										counttoppic=0;
									}
									else
									{
										curtoppic=$('.slidedeck').slidedeck().vertical().current;
										if(curtoppic==$('.slidedeck').slidedeck().vertical().slides.length-1)
										vnext=0;
										if(curtoppic==0)
										vnext=1;
										if(vnext==1)
												$('.slidedeck').slidedeck().vertical().next();
										else
												$('.slidedeck').slidedeck().vertical().prev();
										counttoppic++;
											
									}
									},time);
									
									
								
				</script>
			</div>
			<!--#START NEWS 2 COLUMN - 328px#!-->
			<div class="news2col-328">
			<div class="imghead"></div>
			<div class="head"><a href="{$data12[0].parentlink}">{$data12[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
			<div class="head"><a href="{$data13[0].parentlink}">{$data13[0].parentName}</a><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
				<div class="col1">
				<a href="{$data12[0].link}">
					{php file='./image-crop.php?image='|cat:{$data12[0].image}|cat:'&cropratio=328:230&width=328&height=230'}
					<h3>{$data12[0].title}</h3>
					<p>{$data12[0].described}</p>
				</a>
				<div class="newsb">
					<a href="{$data12[1].link}">
							<h3>{$data12[1].title}</h3>
							{php file='./image-crop.php?image='|cat:{$data12[1].image}|cat:'&cropratio=4:3&width=160&height=120'}
							<p>{$data12[1].described}</p>
					</a>	
				</div>
					<ul>
							{for $i=2 to 4}
							<li><a href="{$data9.{$i}.link}">{$data12.{$i}.title}</a></li>
							{/for}
					</ul>
				</div>
				<div class="col2">
				<a href="{$data13[0].link}">
					{php file='./image-crop.php?image='|cat:{$data13[0].image}|cat:'&cropratio=315:230&width=315&height=230'}
					<h3>{$data13[0].title}</h3>
					<p>{$data13[0].described}</p>
				</a>
				<div class="newsb">
					<a href="{$data13[1].link}">
							<h3>{$data13[1].title}</h3>
							{php file='./image-crop.php?image='|cat:{$data13[1].image}|cat:'&cropratio=4:3&width=160&height=120'}
							<p>{$data13[1].described}</p>
					</a>	
				</div>
					<ul>
							{for $i=2 to 4}
							<li><a href="{$data13.{$i}.link}">{$data13.{$i}.title}</a></li>
							{/for}
					</ul>
				</div>
			</div>
		</div>
			<!--#END LEFT FRAME#!-->
			<!--#START RIGHT FRAME#!-->
			<div class="right">
				{php file="./modules/rightframe.php"}
			</div>
			<!--#END RIGHT FRAME#!-->
		</div>
{php file="./modules/footer.php"}